<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>你不会Microsoft Bing吗?</title>
        <meta name="description" content="你不会Microsoft Bing吗?">
        <meta name="keywords" content="不会Bing吗, 你不会Bing吗，不会Bing么, 你不会Bing么, 你不会Bing吗 网站, 不会Bing吗网站, 不会Bing怎么办, 不会Bing嘛, CNM不会Bing吗，不会必应吗, 你不会必应吗，不会必应么, 你不会必应么, 你不会必应吗 网站, 不会必应吗网站, 不会必应怎么办, 不会必应嘛, CNM不会必应吗">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <meta name=viewport content="width=550,user-scalable=no">
        <link href="./img/favicon.ico" rel="icon" type="image/x-icon"/>
        <!-- BEGIN:MDUI -->
        <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
        <script src="https://cdn.bootcdn.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
        <!-- END:MDUI -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

        <link href="./css/page.css" rel="stylesheet"></link>
    </head>
    <body>
        <h1 class="nbhbdm-title">你不会Microsoft Bing吗？</h1>
        <div class="wb-search" id="search">
            <input autofocus="autofocus" id="search-input" placeholder="在这里输入关键字~" type="text"/>
            <button id="search-button" class="mdui-btn mdui-color-theme-accent mdui-ripple">必应一下</button>
        </div>
        <div class="wb-tip" id="tip">
            <span id="tip1">
                {{ message }}
            </span>
        </div>
        <div class="mdui-panel" mdui-panel style=display:none; id="result">
            <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-body">
                    <p></p>
                    <div class="mdui-typo">
                        <h3>链接</h3>
                        <p>通用链接：<d id="normallink">{{ message }}</d></p>
                        <p>短链接：<d id="shortlink">{{ message }}</d></p>
                        <button data-clipboard-target="#normallink" class="mdui-btn copy mdui-color-theme-accent mdui-ripple">复制通用链接</button><button data-clipboard-target="#shortlink" class="mdui-btn copy mdui-color-theme-accent mdui-ripple">复制短链接</button>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <button id=generate>停一停！我会Bing，我要生成链接！</button>
        <div class="wb-footer" id="footer">
            <span>
                <a href="https://i35010u.tk">i35010u的博客</a>
                |
                <a href="https://github.com/i35010u/nbhbingm">本项目Github</a>
                |
                <a href="https://api.tzg6.com">基于TZG API</a>
            </span>
            <br><br>
            <br><br>
        </div>
        <img class="wb-mouse" id="fake-mouse" src="./img/mouse.png"/>
        <script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
        <script src="./js/page.js"></script>
    </body>
</html>